export const RIGHT_SETTING = [
  {
    type: "rightcard",
    x: 100,
    y: 450,
    width: 100,
    height: 20,
    value: "",
    id: "",
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    className: "",
    remark: "label",
    index: 1
  },
  {
    type: "rightcard",
    x: 100,
    y: 450,
    width: 100,
    height: 20,
    value: "",
    id: "",
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    className: "",
    remark: "label",
    index: 1
  },
  {
    type: "rightcard",
    x: 100,
    y: 450,
    width: 100,
    height: 20,
    value: "",
    id: "",
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    className: "",
    remark: "label",
    index: 1
  },
  {
    type: "rightcard",
    x: 100,
    y: 450,
    width: 100,
    height: 20,
    value: "",
    id: "",
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    className: "",
    remark: "label",
    index: 1
  }
]
export const ICON_COMPONENTS = [
  {
    belongToImage: 'false',
    type: "text",
    x: 50,
    y: 50,
    width: 100,
    height: 20,
    value: "Hello, world!",
    id: "",
    pid: "",
    keyType: "0",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    valueFontSize: "14",
    className: "",
    remark: "Text",
    index: 1
  },
  {
    belongToImage: 'false',
    type: "input",
    x: 50,
    y: 50,
    width: 100,
    height: 20,
    value: "Please Enter",
    id: "",
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    valueFontSize: "14",
    className: "",
    remark: "Input",
    index: 1,
    formulaName: "",
    formulaText: "",
    formulaTag: {
      t0: ""
    }
  },
  {
    belongToImage: 'false',
    type: "input",
    x: 50,
    y: 50,
    width: 100,
    height: 20,
    value: "Please Enter",
    id: "",
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    valueFontSize: "14",
    className: "",
    remark: "Formulas",
    index: 1,
    formulaName: "",
    formulaText: "",
    formulaTag: {
      t0: ""
    }
  },
  {
    belongToImage: 'true',
    type: "red-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 3,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色右方向",
    index: 2,
    imageUrl: "red-arrow.png",
    remark: "Red Right Arrow"
  },
  {
    belongToImage: 'true',
    type: "red-left-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 4,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "red-arrow-rotate",
    remarkCH: "红色左方向",
    index: 3,
    imageUrl: "red-arrow-rotate.png",
    remark: "Red Left Arrow"
  },
  {
    belongToImage: 'true',
    type: "green-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 5,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "绿色右方向",
    index: 4,
    imageUrl: "green-arrow.png",
    remark: "Green Right Arrow"
  },
  {
    belongToImage: 'true',
    type: "green-left-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 6,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "green-arrow-rotate",
    remarkCH: "绿色左方向",
    index: 5,
    imageUrl: "green-arrow-rotate.png",
    remark: "Green Left Arrow"
  },
  {
    belongToImage: 'true',
    type: "yellow-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 7,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黄色右方向",
    index: 6,
    imageUrl: "yellow-arrow.png",
    remark: "Yellow Right Arrow"
  },
  {
    belongToImage: 'true',
    type: "yellow-left-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 8,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "yellow-arrow-rotate",
    remarkCH: "黄色左方向",
    index: 7,
    imageUrl: "yellow-arrow-rotate.png",
    remark: "Yellow Left Arrow"
  },
  {
    belongToImage: 'true',
    type: "blue-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 7,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "蓝色右方向",
    index: 8,
    imageUrl: "Union.svg",
    remark: "Blue Right Arrow"
  },
  {
    belongToImage: 'true',
    type: "blue-left-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 8,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "blue-arrow-rotate",
    remarkCH: "蓝色左方向",
    index: 9,
    imageUrl: "Union-1.svg",
    remark: "Blue Left Arrow"
  },
  {
    belongToImage: 'true',
    type: "redconrner1",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 13,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色拐角",
    index: 10,
    imageUrl: "redcornertopleft1.svg",
    remark: "Red Upper Left Corner"
  },
  {
    belongToImage: 'true',
    type: "redcorner2",
    x: 150,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 14,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色拐角2",
    index: 11,
    imageUrl: "redcornerbottomleft1.svg",
    remark: "Red Lower Left Corner"
  },
  {
    belongToImage: 'true',
    type: "redcorner4",
    x: 250,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 16,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色拐角4",
    index: 12,
    imageUrl: "redcornerbottomright1.svg",
    remark: "Red Upper Right Corner"
  },
  {
    belongToImage: 'true',
    type: "redcorner3",
    x: 200,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 15,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色拐角3",
    index: 13,
    imageUrl: "redcornertopright1.svg",
    remark: "Red Lower Right Corner"
  },
  {
    belongToImage: 'true',
    type: "redcross",
    x: 110,
    y: 460,
    width: 1084,
    height: 19,
    value: "",
    id: 17,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色横管",
    index: 14,
    imageUrl: "bigred.png",
    remark: "Red Cross Tube"
  },
  {
    belongToImage: 'true',
    type: "redvertical",
    x: 200,
    y: 300,
    width: 22,
    height: 505,
    value: "",
    id: 18,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色竖管",
    index: 15,
    imageUrl: "redline1.svg",
    remark: "Red Vertical Pipes"
  },
  {
    belongToImage: 'true',
    type: "redsleeve",
    x: 200,
    y: 300,
    width: 191,
    height: 173,
    value: "",
    id: 18,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色套筒",
    index: 16,
    imageUrl: "red-sleeve.svg",
    remark: "Red Casing"
  },  {
    belongToImage: 'true',
    type: "greencorner2",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 20,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "绿色拐角2",
    index: 17,
    imageUrl: "greentopleft.png",
    remark: "Green Upper Left Corner"
  },  {
    belongToImage: 'true',
    type: "greencorner1",
    x: 533,
    y: 211,
    width: 22,
    height: 20,
    value: "",
    id: 19,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "绿色拐角",
    index: 18,
    imageUrl: "greenwan.png",
    remark: "Green Lower Left Corner"
  },{
    belongToImage: 'true',
    type: "greencorner4",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 22,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "绿色拐角4",
    index: 19,
    imageUrl: "greentopright.png",
    remark: "Green Upper Right Corner"
  },
  {
    belongToImage: 'true',
    type: "greencorner3",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 21,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "绿色拐角3",
    index: 20,
    imageUrl: "greenbottomright.png",
    remark: "Green Lower Right Corner"
  },{
    belongToImage: 'true',
    type: "greencross",
    x: 110,
    y: 460,
    width: 1084,
    height: 19,
    value: "",
    id: 27,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "绿色横管",
    index: 21,
    imageUrl: "greenguan.png",
    remark: "Green Crossbar"
  },
  {
    belongToImage: 'true',
    type: "greenvertical",
    x: 200,
    y: 300,
    width: 22,
    height: 505,
    value: "",
    id: 28,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "绿色竖管",
    index: 22,
    imageUrl: "greenshu.png",
    remark: "Green Standpipe"
  },{
    belongToImage: 'true',
    type: "yellowcorner2",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 24,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黄色拐角2",
    index:23,
    imageUrl: "yellowtopleft.png",
    remark: "Yellow Upper Left Corner"
  }, {
    belongToImage: 'true',
    type: "yellowcorner3",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 25,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黄色拐角3",
    index: 24,
    imageUrl: "yellowbottomleft.png",
    remark: "Yellow Lower Left Corner"
  },{
    belongToImage: 'true',
    type: "yellowcorner4",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 26,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黄色拐角4",
    index: 25,
    imageUrl: "yellowtopright.png",
    remark: "Yellow Upper Right Corner"
  },{
    belongToImage: 'true',
    type: "yellowcorner1",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 23,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黄色拐角",
    index: 26,
    imageUrl: "yellowwan.png",
    remark: "Yellow Lower Right Corner"
  },{
    belongToImage: 'true',
    type: "yellowcross",
    x: 110,
    y: 460,
    width: 1084,
    height: 19,
    value: "",
    id: 29,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黄色横管",
    index: 27,
    imageUrl: "yellowguan.png",
    remark: "Yellow Cross Tube"
  },{
    belongToImage: 'true',
    type: "yellowvertical",
    x: 200,
    y: 300,
    width: 22,
    height: 505,
    value: "",
    id: 30,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黄色竖管",
    index: 28,
    imageUrl: "yellowline.png",
    remark: "Yellow Vertical Tube"
  },{
    belongToImage: 'true',
    type: "bluecorner4",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 26,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "蓝色拐角4",
    index: 29,
    imageUrl: "Mask group.svg",
    remark: "Blue Upper Left Corner"
  },{
    belongToImage: 'true',
    type: "bluecorner1",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 23,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "蓝色拐角",
    index: 30,
    imageUrl: "Mask group-3.svg",
    remark: "Blue Lower Left Corner"
  }, {
    belongToImage: 'true',
    type: "Bulecorner2",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 24,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "蓝色拐角2",
    index: 31,
    imageUrl: "Mask group-2.svg",
    remark: "Blue Upper Right Corner"
  },{
    belongToImage: 'true',
    type: "bulecorner3",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 25,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "蓝色拐角3",
    index: 32,
    imageUrl: "Mask group-1.svg",
    remark: "Blue Lower Right Corner"
  },{
    belongToImage: 'true',
    type: "blue-arrow",
    x: 677,
    y: 38,
    width: 20,
    height: 200,
    id: 3,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "蓝色横管",
    index: 33,
    imageUrl: "Rectangle shuguan(1).png",
    remark: "Blue Vertical Tubes"
  },
  {
    belongToImage: 'true',
    type: "blue-left-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 4,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "blue-arrow-rotate",
    remarkCH: "蓝色竖管",
    index: 34,
    imageUrl: "Rectangle 12.svg",
    remark: "Blue Transverse Tube"
  },{
    belongToImage: 'true',
    type: "yguan",
    x: 197.5,
    y: 188,
    width: 65.5,
    height: 92,
    id: 2,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "灰色小号管道",
    index: 35,
    imageUrl: "graysmallpipe.png",
    remark: "Gray Pipes"
  },
  // {
  //   belongToImage: 'true',
  //   type: "zguan",
  //   x: 88,
  //   y: 191,
  //   width: 131,
  //   height: 184,
  //   id: 0,
  //   pid: "",
  //   keyType: "1",
  //   key: "",
  //   value: "",
  //   unit: "",
  //   valueColor: "",
  //   className: "",
  //   remarkCH: "灰色大号管道",
  //   index: 1,
  //   imageUrl: "graybigpipe.png",
  //   remark: "Grey Large Pipe"
  // },
  {
    belongToImage: 'true',
    type: "kgreen",
    x: 172,
    y: 350,
    width: 52,
    height: 29,
    id: 1,
    pid: "",
    keyType: "1",
    key: "",
    value: "ESP",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "ESP",
    index: 36,
    imageUrl: "esp.png",
    remark: "ESP"
  },{
    belongToImage: 'true',
    type: "linkNode",
    x: 200,
    y: 300,
    width: 50,
    height: 50,
    value: "",
    id: 31,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "连接点",
    index: 37,
    imageUrl: "link-node.png",
    remark: "Junction"
  }, {
    belongToImage: 'true',
    type: "steam splitter",
    x: 200,
    y: 300,
    width: 40,
    height: 30,
    value: "",
    id: 33,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "关井",
    index: 38,
    imageUrl: "guanjing.png",
    remark: "Steam Splitter"
  },  {
    belongToImage: 'true',
    type: "pipeline endpoint",
    x: 200,
    y: 300,
    width: 40,
    height: 30,
    value: "",
    id: 34,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "井头",
    index: 39,
    imageUrl: "juxing.svg",
    remark: "Pipeline Endpoint"
  },
  {
    belongToImage: 'true',
    type: "Bridge Plug",
    x: 200,
    y: 300,
    width: 10,
    height: 50,
    value: "",
    id: 35,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "墙",
    index: 40,
    imageUrl: "Slice 1.png",
    remark: "Bridge Plug"
  },  {
    belongToImage: 'true',
    type: "agar water cut",
    x: 200,
    y: 300,
    width: 70,
    height: 40,
    value: "",
    id: 36,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "agar",
    index: 41,
    imageUrl: "Group.png",
    remark: "AGAR"
  },
  {
    belongToImage: 'true',
    type: "black lock",
    x: 200,
    y: 300,
    width: 50,
    height: 7,
    value: "",
    id: 37,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "截断",
    index: 42,
    imageUrl: "Rectangle.png",
    remark: "Truncation"
  },{
    type: "famen",
    x: 200,
    y: 300,
    width: 50,
    height: 41,
    value: "",
    id: 9,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: 'Valves',
    remarkCH: "阀门",
    index:43,
    belongToImage: 'true',
    imageUrl: "famen.png",
  },{
    type: "steam pipe",
    x: 200,
    y: 300,
    width: 50,
    height: 41,
    value: "",
    id: 9,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: 'Steam Pipe',
    remarkCH: "桥接",
    index: 44,
    belongToImage: 'true',
    imageUrl: "grounfount.png",
  },{
    type: "bottom frame",
    x: 200,
    y: 300,
    width: 50,
    height: 50,
    value: "",
    id: 9,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: 'Background Frame',
    remarkCH: "底框",
    index: 45,
    belongToImage: 'true',
    imageUrl: "jietu.png",
  },{
    type: "truncated column",
    x: 200,
    y: 300,
    width: 20,
    height: 40,
    value: "",
    id: 9,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: 'Truncated Column',
    remarkCH: "截柱",
    index: 46,
    belongToImage: 'true',
    imageUrl: "bordernum.svg",
  },{
    belongToImage: 'true',
    type: "closed shafts - vertical shafts",
    x: 200,
    y: 300,
    width: 40,
    height: 30,
    value: "",
    id: 33,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "关井",
    index: 47,
    imageUrl: 'guanjing - shuxing.png',
    remark: "Closed Shafts - Vertical Shafts"
  },{
    belongToImage: 'false',
    type: "rightcard",
    x: 100,
    y: 450,
    width: 100,
    height: 20,
    value: "",
    id: "",
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    className: "",
    remark: "Right Side List",
    index: 48
  }, {
    belongToImage: 'true',
    type: "blackborder",
    x: 200,
    y: 300,
    width: 620,
    height: 58,
    value: "",
    id: 18,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黑色边框",
    index: 49,
    imageUrl: "blackBorder.svg",
    remark: "Black Border"
  }, {
    belongToImage: 'true',
    type: "dashedBox",
    x: 200,
    y: 300,
    width: 858,
    height: 151,
    value: "",
    id: 32,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "虚线框",
    index: 50,
    imageUrl: "dashed-box.png",
    remark: "Dotted Frame"
  },{
    type: "cross column",
    x: 200,
    y: 300,
    width: 70,
    height: 20,
    value: "",
    id: 9,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: 'Cross Column',
    remarkCH: "横柱",
    index: 51,
    belongToImage: 'true',
    imageUrl: "Rectangle 16.svg",
  },
  // {
  //   type: "cannula",
  //   x: 200,
  //   y: 300,
  //   width: 300,
  //   height: 50,
  //   value: "",
  //   id: 9,
  //   pid: "",
  //   keyType: "1",
  //   key: "",
  //   unit: "",
  //   valueColor: "",
  //   className: "",
  //   remark: 'Cannula',
  //   remarkCH: "套管",
  //   index: 52,
  //   belongToImage: 'true',
  //   imageUrl: "taoguan.svg",
  // },
]
export const RIGHT_PROPS = [
  {
    type: "rightcard",
    x: 100,
    y: 450,
    width: 100,
    height: 20,
    value: "",
    id: "",
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    className: "",
    remark: "label",
    index: 1
  },
  {
    type: "rightcard",
    x: 100,
    y: 450,
    width: 100,
    height: 20,
    value: "",
    id: "",
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    className: "",
    remark: "label",
    index: 1
  },
  {
    type: "rightcard",
    x: 100,
    y: 450,
    width: 100,
    height: 20,
    value: "",
    id: "",
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    className: "",
    remark: "label",
    index: 1
  },
  {
    type: "rightcard",
    x: 100,
    y: 450,
    width: 100,
    height: 20,
    value: "",
    id: "",
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    className: "",
    remark: "label",
    index: 1
  },
]
export const COMMON_CONFIG = {
  svg_base_size: {
    width: 1600,
    height: 850,
    xRatio: null,
    yRatio: null
  },
  initRation: function(containerWidth, containerHeight) {
    if(!this.xRatio) {
      this.xRatio = (containerWidth.toFixed() / this.svg_base_size.width)
    }
    if(!this.yRatio) {
      this.yRatio = (containerHeight.toFixed() / this.svg_base_size.height)
    }
  },
  getShowRowVal: function(containerWidth, targetRowVal) {
    if(!this.xRatio) {
      this.xRatio = (containerWidth.toFixed() / this.svg_base_size.width)
    }
    return targetRowVal * this.xRatio
  },
  getShowColVal: function(containerHeight, targetColVal) {
    if(!this.yRatio) {
      this.yRatio = (containerHeight.toFixed() / this.svg_base_size.height)
    }
    return targetColVal * this.yRatio
  },
  getOriginRowVal: function(targetRowVal) {
    return targetRowVal / this.xRatio
  },
  getOriginColVal: function(targetColVal) {
    return targetColVal / this.yRatio
  }
}
export const TEXTUAL_DATA = [
  {
    belongToImage: 'false',
    type: "text",
    x: 50,
    y: 50,
    width: 100,
    height: 20,
    value: "Hello, world!",
    id: "",
    pid: "",
    keyType: "0",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    valueFontSize: "14",
    className: "",
    remark: "Text",
    index: 1,
    img: require("@/assets/text.png")
  }, {
    belongToImage: 'false',
    type: "input",
    x: 50,
    y: 50,
    width: 100,
    height: 20,
    value: "Please Enter",
    id: "",
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    valueFontSize: "14",
    className: "",
    remark: "Input",
    index: 1,
    formulaName: "",
    formulaText: "",
    formulaTag: {
      t0: ""
    },
    img: require("@/assets/input.png")
  },{
    belongToImage: 'false',
    type: "input",
    x: 50,
    y: 50,
    width: 100,
    height: 20,
    value: "Please Enter",
    id: "",
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    valueFontSize: "14",
    className: "",
    remark: "Formulas",
    index: 1,
    formulaName: "",
    formulaText: "",
    formulaTag: {
      t0: ""
    },
    img: require("@/assets/公式.png")
  },
]
export const PICTURE_SUMMARY = [
  {
    belongToImage: 'true',
    type: "red-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 3,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色右方向",
    index: 2,
    imageUrl: "red-arrow.png",
    img: require("@/assets/red-arrow.png")
  },
  {
    belongToImage: 'true',
    type: "red-left-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 4,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "red-arrow-rotate",
    remarkCH: "红色左方向",
    index: 3,
    imageUrl: "red-arrow-rotate.png",
    img: require("@/assets/red-arrow-rotate.png")
  },
  {
    belongToImage: 'true',
    type: "green-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 5,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "绿色右方向",
    index: 4,
    imageUrl: "green-arrow.png",
    img: require("@/assets/green-arrow.png")
  },
  {
    belongToImage: 'true',
    type: "green-left-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 6,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "green-arrow-rotate",
    remarkCH: "绿色左方向",
    index: 5,
    imageUrl: "green-arrow-rotate.png",
    img: require("@/assets/green-arrow-rotate.png")
  },
  {
    belongToImage: 'true',
    type: "yellow-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 7,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黄色右方向",
    index: 6,
    imageUrl: "yellow-arrow.png",
    img: require("@/assets/yellow-arrow.png")
  },
  {
    belongToImage: 'true',
    type: "yellow-left-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 8,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "yellow-arrow-rotate",
    remarkCH: "黄色左方向",
    index: 7,
    imageUrl: "yellow-arrow-rotate.png",
    img: require("@/assets/yellow-arrow-rotate.png")
  },
  {
    belongToImage: 'true',
    type: "blue-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 7,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "蓝色右方向",
    index: 8,
    imageUrl: "Union.svg",
    img: require("@/assets/Union.svg")
  },
  {
    belongToImage: 'true',
    type: "blue-left-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 8,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "blue-arrow-rotate",
    remarkCH: "蓝色左方向",
    index: 9,
    imageUrl: "Union-1.svg",
    img: require("@/assets/Union-1.svg")
  },
  {
    belongToImage: 'true',
    type: "redconrner1",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 13,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色拐角",
    index: 10,
    imageUrl: "redcornertopleft1.svg",
    img: require("@/assets/redcornertopleft1.svg")
  },
  {
    belongToImage: 'true',
    type: "redcorner2",
    x: 150,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 14,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色拐角2",
    index: 11,
    imageUrl: "redcornerbottomleft1.svg",
    img: require("@/assets/redcornerbottomleft1.svg")
  },
  {
    belongToImage: 'true',
    type: "redcorner4",
    x: 250,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 16,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色拐角4",
    index: 12,
    imageUrl: "redcornerbottomright1.svg",
    img: require("@/assets/redcornerbottomright1.svg")
  },
  {
    belongToImage: 'true',
    type: "redcorner3",
    x: 200,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 15,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色拐角3",
    index: 13,
    imageUrl: "redcornertopright1.svg",
    img: require("@/assets/redcornertopright1.svg")
  },
  {
    belongToImage: 'true',
    type: "redcross",
    x: 110,
    y: 460,
    width: 1084,
    height: 19,
    value: "",
    id: 17,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色横管",
    index: 14,
    imageUrl: "bigred.png",
    img: require("@/assets/bigred.png")
  },
  {
    belongToImage: 'true',
    type: "redvertical",
    x: 200,
    y: 300,
    width: 22,
    height: 505,
    value: "",
    id: 18,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色竖管",
    index: 15,
    imageUrl: "redline1.svg",
    img: require("@/assets/redline1.svg")
  },  {
    belongToImage: 'true',
    type: "redsleeve",
    x: 200,
    y: 300,
    width: 191,
    height: 173,
    value: "",
    id: 18,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "红色套筒",
    index: 16,
    imageUrl: "red-sleeve.svg",
    img: require("@/assets/red-sleeve.svg")
  },{
    belongToImage: 'true',
    type: "greencorner2",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 20,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "绿色拐角2",
    index: 17,
    imageUrl: "greentopleft.png",
    img: require("@/assets/greentopleft.png")
  },{
    belongToImage: 'true',
    type: "greencorner1",
    x: 533,
    y: 211,
    width: 22,
    height: 20,
    value: "",
    id: 19,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "绿色拐角",
    index: 18,
    imageUrl: "greenwan.png",
    img: require("@/assets/greenwan.png")
  },{
    belongToImage: 'true',
    type: "greencorner4",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 22,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "绿色拐角4",
    index: 19,
    imageUrl: "greentopright.png",
    img: require("@/assets/greentopright.png")
  },{
    belongToImage: 'true',
    type: "greencorner3",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 21,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "绿色拐角3",
    index: 20,
    imageUrl: "greenbottomright.png",
    img: require("@/assets/greenbottomright.png")
  },{
    belongToImage: 'true',
    type: "greencross",
    x: 110,
    y: 460,
    width: 1084,
    height: 19,
    value: "",
    id: 27,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "绿色横管",
    index: 21,
    imageUrl: "greenguan.png",
    img: require("@/assets/greenguan.png")
  },{
    belongToImage: 'true',
    type: "greenvertical",
    x: 200,
    y: 300,
    width: 22,
    height: 505,
    value: "",
    id: 28,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "绿色竖管",
    index: 22,
    imageUrl: "greenshu.png",
    img: require("@/assets/greenshu.png")
  },{
    belongToImage: 'true',
    type: "yellowcorner2",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 24,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黄色拐角2",
    index:23,
    imageUrl: "yellowtopleft.png",
    img: require("@/assets/yellowtopleft.png")
  },{
    belongToImage: 'true',
    type: "yellowcorner3",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 25,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黄色拐角3",
    index: 24,
    imageUrl: "yellowbottomleft.png",
    img: require("@/assets/yellowbottomleft.png")
  },{
    belongToImage: 'true',
    type: "yellowcorner4",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 26,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黄色拐角4",
    index: 25,
    imageUrl: "yellowtopright.png",
    img: require("@/assets/yellowtopright.png")
  },{
    belongToImage: 'true',
    type: "yellowcorner1",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 23,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黄色拐角",
    index: 26,
    imageUrl: "yellowwan.png",
    img: require("@/assets/yellowwan.png")
  },{
    belongToImage: 'true',
    type: "yellowcross",
    x: 110,
    y: 460,
    width: 1084,
    height: 19,
    value: "",
    id: 29,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黄色横管",
    index: 27,
    imageUrl: "yellowguan.png",
    img: require("@/assets/yellowguan.png")
  },{
    belongToImage: 'true',
    type: "yellowvertical",
    x: 200,
    y: 300,
    width: 22,
    height: 505,
    value: "",
    id: 30,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黄色竖管",
    index: 28,
    imageUrl: "yellowline.png",
    img: require("@/assets/yellowline.png")
  },{
    belongToImage: 'true',
    type: "bluecorner4",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 26,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "蓝色拐角4",
    index: 29,
    imageUrl: "Mask group.svg",
    img: require("@/assets/Mask group.svg")
  },{
    belongToImage: 'true',
    type: "bluecorner1",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 23,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "蓝色拐角",
    index: 30,
    imageUrl: "Mask group-3.svg",
    img: require("@/assets/Mask group-3.svg")
  },{
    belongToImage: 'true',
    type: "Bulecorner2",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 24,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "蓝色拐角2",
    index: 31,
    imageUrl: "Mask group-2.svg",
    img: require("@/assets/Mask group-2.svg")
  },{
    belongToImage: 'true',
    type: "bulecorner3",
    x: 100,
    y: 450,
    width: 22,
    height: 20,
    value: "",
    id: 25,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "蓝色拐角3",
    index: 32,
    imageUrl: "Mask group-1.svg",
    img: require("@/assets/Mask group-1.svg")
  },{
    belongToImage: 'true',
    type: "blue-arrow",
    x: 677,
    y: 38,
    width: 20,
    height: 200,
    id: 3,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "蓝色横管",
    index: 33,
    imageUrl: "Rectangle shuguan(1).png",
    img: require("@/assets/Rectangle shuguan(1).png")
  },{
    belongToImage: 'true',
    type: "blue-left-arrow",
    x: 677,
    y: 38,
    width: 47,
    height: 18.5,
    id: 4,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "blue-arrow-rotate",
    remarkCH: "蓝色竖管",
    index: 34,
    imageUrl: "Rectangle 12.svg",
    img: require("@/assets/Rectangle 12.svg")
  },
  {
    belongToImage: 'true',
    type: "yguan",
    x: 197.5,
    y: 188,
    width: 65.5,
    height: 92,
    id: 2,
    pid: "",
    keyType: "1",
    key: "",
    value: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "灰色小号管道",
    index: 35,
    imageUrl: "graysmallpipe.png",
    // remark: "Gray Pipes"
    img: require("@/assets/graysmallpipe.png")
  },{
    belongToImage: 'true',
    type: "kgreen",
    x: 172,
    y: 350,
    width: 52,
    height: 29,
    id: 1,
    pid: "",
    keyType: "1",
    key: "",
    value: "ESP",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "ESP",
    index: 36,
    imageUrl: "esp.png",
    img: require("@/assets/esp.png"),
    // remark: "ESP"
  },{
    belongToImage: 'true',
    type: "linkNode",
    x: 200,
    y: 300,
    width: 50,
    height: 50,
    value: "",
    id: 31,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "连接点",
    index: 37,
    img: require("@/assets/link-node.png"),
    imageUrl: "link-node.png",
    // remark: "Junction"
  },{
    belongToImage: 'true',
    type: "steam splitter",
    x: 200,
    y: 300,
    width: 40,
    height: 30,
    value: "",
    id: 33,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "关井",
    index: 38,
    imageUrl: "guanjing.png",
    img: require("@/assets/guanjing.png"),
    // remark: "Steam Splitter"
  },{
    belongToImage: 'true',
    type: "pipeline endpoint",
    x: 200,
    y: 300,
    width: 40,
    height: 30,
    value: "",
    id: 34,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "井头",
    index: 39,
    imageUrl: "juxing.svg",
    img: require("@/assets/juxing.svg"),
    // remark: "Pipeline Endpoint"
  },  {
    belongToImage: 'true',
    type: "Bridge Plug",
    x: 200,
    y: 300,
    width: 10,
    height: 50,
    value: "",
    id: 35,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "墙",
    index: 40,
    imageUrl: "Slice 1.png",
    img: require("@/assets/Slice 1.png"),
    // remark: "Bridge Plug"
  },{
    belongToImage: 'true',
    type: "agar water cut",
    x: 200,
    y: 300,
    width: 70,
    height: 40,
    value: "",
    id: 36,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "agar",
    index: 41,
    imageUrl: "Group.png",
    img: require("@/assets/Group.png"),
    // remark: "AGAR"
  },{
    belongToImage: 'true',
    type: "black lock",
    x: 200,
    y: 300,
    width: 50,
    height: 7,
    value: "",
    id: 37,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "截断",
    index: 42,
    imageUrl: "Rectangle.png",
    img: require("@/assets/Rectangle.png"),
    // remark: "Truncation"
  },{
    type: "famen",
    x: 200,
    y: 300,
    width: 50,
    height: 41,
    value: "",
    id: 9,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    // remark: 'Valves',
    remarkCH: "阀门",
    index:43,
    belongToImage: 'true',
    img: require("@/assets/famen.png"),
    imageUrl: "famen.png",
  },{
    type: "steam pipe",
    x: 200,
    y: 300,
    width: 50,
    height: 41,
    value: "",
    id: 9,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    // remark: 'Steam Pipe',
    remarkCH: "桥接",
    index: 44,
    belongToImage: 'true',
    imageUrl: "grounfount.png",
    img: require("@/assets/grounfount.png"),
  },{
    type: "bottom frame",
    x: 200,
    y: 300,
    width: 50,
    height: 50,
    value: "",
    id: 9,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    // remark: 'Background Frame',
    remarkCH: "底框",
    index: 45,
    belongToImage: 'true',
    img: require("@/assets/jietu.png"),
    imageUrl: "jietu.png",
  },{
    type: "truncated column",
    x: 200,
    y: 300,
    width: 20,
    height: 40,
    value: "",
    id: 9,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
   // remark: 'Truncated Column',
    remarkCH: "截柱",
    index: 46,
    belongToImage: 'true',
    imageUrl: "bordernum.svg",
    img: require("@/assets/bordernum.svg"),
  },{
    belongToImage: 'true',
    type: "closed shafts - vertical shafts",
    x: 200,
    y: 300,
    width: 40,
    height: 30,
    value: "",
    id: 33,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "关井",
    index: 47,
    imageUrl: 'guanjing - shuxing.png',
    img: require("@/assets/guanjing - shuxing.png"),
   // remark: "Closed Shafts - Vertical Shafts"
  },{
    belongToImage: 'false',
    type: "rightcard",
    x: 100,
    y: 450,
    width: 100,
    height: 20,
    value: "",
    id: "",
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "#ffffff",
    className: "",
    // remark: "Right Side List",
    img: require("@/assets/sideList.png"),
    index: 48
  },
  {
    belongToImage: 'true',
    type: "blackborder",
    x: 200,
    y: 300,
    width: 620,
    height: 58,
    value: "",
    id: 18,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "黑色边框",
    index: 49,
    imageUrl: "blackBorder.svg",
    img: require("@/assets/长方形.png"),
    remark: "Black Border"
  }, {
    belongToImage: 'true',
    type: "dashedBox",
    x: 200,
    y: 300,
    width: 858,
    height: 151,
    value: "",
    id: 32,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remarkCH: "虚线框",
    index: 50,
    imageUrl: "dashed-box.png",
    img: require("@/assets/虚线框.png"),
    remark: "Dotted Frame"
  },{
    type: "cross column",
    x: 200,
    y: 300,
    width: 70,
    height: 20,
    value: "",
    id: 9,
    pid: "",
    keyType: "1",
    key: "",
    unit: "",
    valueColor: "",
    className: "",
    remark: 'Cross Column',
    remarkCH: "横柱",
    index: 51,
    belongToImage: 'true',
    img: require("@/assets/Rectangle 16.svg"),
    imageUrl: "Rectangle 16.svg",
  },
  // {
  //   type: "cannula",
  //   x: 200,
  //   y: 300,
  //   width: 300,
  //   height: 50,
  //   value: "",
  //   id: 9,
  //   pid: "",
  //   keyType: "1",
  //   key: "",
  //   unit: "",
  //   valueColor: "",
  //   className: "",
  //   remark: 'Cannula',
  //   remarkCH: "套管",
  //   index: 52,
  //   belongToImage: 'true',
  //   imageUrl: "taoguan.svg",
  //   img: require("@/assets/taoguan.svg"),
  // },
]
